<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" />
	<link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/site-nav-top.css">
</head>
<body>
    <!-- nav-top start -->
	<div class="site-nav-top">
		<div class="layer site-nav-bd">
			<ul class="site-nav-bd-l clearfix">
				<li class="site-nav-menu site-nav-border">
					<div class="site-nav-menu-hd">
						<a href="#" class="deep">中国大陆</a>
						<span class="fa fa-angle-down"></span>
					</div>
				</li>
				<li class="site-nav-menu">
					<div class="site-nav-menu-hd">
						<a href="#" class="rd">亲，请登录</a>
						<a href="#">免费注册</a>
					</div>
				</li>
				<li class="site-nav-menu">
					<div class="site-nav-menu-hd">
						<a href="#">手机逛淘宝</a>
					</div>
				</li>
			</ul>
			<ul class="site-nav-bd-r clearfix">
				<li class="site-nav-menu  site-nav-border">
					<div class="site-nav-menu-hd">
						<a href="#">我的淘宝</a>
						<span class="fa fa-angle-down"></span>
					</div>
				</li>
				<li class="site-nav-menu  site-nav-border">
					<div class="site-nav-menu-hd">
						<a href="#">
							<span class="fa fa-shopping-cart rd"></span>
							购物车
						</a>
						<span class="fa fa-angle-down"></span>
					</div>
				</li>
				<li class="site-nav-menu  site-nav-border">
					<div class="site-nav-menu-hd">
						<a href="#">
							<span class="fa fa-star"></span>
							收藏夹
						</a>
						<span class="fa fa-angle-down"></span>
					</div>
				</li>
				<li class="site-nav-menu">
					<div class="site-nav-menu-hd">
						<a href="#">商品分类</a>
					</div>
				</li>
				<li class="site-nav-pipe">|</li>
				<li class="site-nav-menu  site-nav-border">
					<div class="site-nav-menu-hd">
						<a href="#">卖家中心</a>
						<span class="fa fa-angle-down"></span>
					</div>
				</li>
				<li class="site-nav-menu  site-nav-border">
					<div class="site-nav-menu-hd">
						<a href="#">联系客服</a>
						<span class="fa fa-angle-down"></span>
					</div>
				</li>
				<li class="site-nav-menu  site-nav-border">
					<div class="site-nav-menu-hd">
						<a href="#">
							<span class="fa fa-bars rd"></span>
							网站导航
						</a>
						<span class="fa fa-angle-down"></span>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<!-- nav-top end -->
</body>
</html>